// import { trigger, style, state, transition, animate, group } from '@angular/animations';

// export const slideToRight = trigger('routeAnim', [
//     state('void', style({ 'position': 'fixed', 'width': '100%', 'height': '100%' })),
//     state('*', style({ 'position': 'fixed', 'width': '100%', 'height': '100%' })),
//     transition(':enter', [
//         style({ 'transform': 'translateX(200%)', 'opacity': '0' }),
//         group([
//             animate('200ms cubic-bezier(.25,.1,.25,1)', style({ 'transform': 'translateX(0%)' })),
//             animate('200ms cubic-bezier(.25,.1,.25,1)', style({ 'opacity': '1' })),

//         ])
//     ]),
//     transition(':leave', [
//         style({ 'transform': 'translateX(0%)', 'opacity': '1' }),
//         group([
//             animate('400ms cubic-bezier(.25,.1,.25,1)', style({ 'transform': 'translateX(100%)' })),
//             animate('400ms cubic-bezier(.25,.1,.25,1)', style({ 'opacity': '0' })),

//         ])
//     ]),
// ])
